.headerbar {
    display: flex;
    height: .88rem/* 44/50 */
    ;
    line-height: .88rem/* 44/50 */
    ;
    background: #fff;
    font-size: .28rem/* 14/50 */
    ;
    .headerbar-left {
        text-align: left;
        width: 1.76rem/* 88/50 */
        ;
        height: .88rem/* 44/50 */
        ;
        font-size: 0;
        .navigation {
            display: inline-block;
            width: .88rem/* 44/50 */
            ;
            height: .88rem/* 44/50 */
            ;
            text-align: center;
            .icon-zuojiantou {
                font-size: .4rem/* 20/50 */
                ;
                color: rgb(35, 38, 40)
            }
        }
    }
}

.headerbar-center {
    flex: 1;
    text-align: center;
    .headerbar-content {
        font-size: .32rem/* 16/50 */
        ;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.main {
    border-color: rgb(35, 38, 40);
    padding-bottom: 1.84rem/* 92/50 */
    ;
    width: 100%;
    min-height: 2.6rem/* 130/50 */
    ;
    background-repeat: no-repeat;
    background-size: 100% 2.64rem/* 132/50 */
    ;
    background-position: top center;
    .userinformation {
        display: flex;
        width: 100%;
        height: 2.24rem/* 112/50 */
        ;
        align-items: center;
        justify-content: center;
        position: relative;
        .userinformation-one {
            display: block;
        }
        .userinformation-hi {
            color: #fff;
            font-size: .28rem/* 14/50 */
            ;
        }
    }
}

body {
    color: #232628;
}

.userinformation-not {
    margin-top: .16rem/* 8/50 */
    ;
    text-align: center;
    font-size: .28rem/* 14/50 */
    ;
    a {
        display: block;
        width: 2.52rem/* 126/50 */
        ;
        height: .72rem/* 36/50 */
        ;
        line-height: .72rem/* 36/50 */
        ;
        background-color: #fff;
        border-radius: 1.12rem/* 56/50 */
        ;
        font-weight: 500;
        color: #232628;
    }
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

.panel {
    background: #fff;
    margin: 0 .16rem/* 8/50 */
    ;
    border-radius: .08rem/* 4/50 */
    ;
    box-shadow: 0 .08rem/* 4/50 */
    .12rem/* 6/50 */
    0 #DEE2E5;
    .panel-head {
        display: flex;
        // width: 100%;
        height: .88rem/* 44/50 */
        ;
        line-height: .88rem/* 44/50 */
        ;
        padding: 0 .32rem/* 16/50 */
        ;
        overflow: hidden;
        position: relative;
    }
}

.panel-head::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: .32rem/* 16/50 */
    ;
    right: .32rem/* 16/50 */
    ;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #E9ECF0;
}

.panel-head-title {
    flex: 1;
    font-size: .32rem/* 16/50 */
    ;
    font-weight: 400;
}

.panel-head-right {
    flex: 1;
    text-align: right;
    font-weight: 400;
    font-size: .28rem/* 14/50 */
    ;
    .icon-youjiantou {
        font-size: .24rem/* 12/50 */
        ;
        vertical-align: bottom;
    }
}

.panel-body {
    display: flex;
    align-items: center;
    .order-item {
        flex: 1;
        max-width: 33.33333333%;
        text-align: center;
        padding: .24rem/* 12/50 */
        .12rem/* 6/50 */
        ;
        position: relative;
        font-size: .26rem/* 13/50 */
        ;
    }
}

.navigation {
    display: block;
    .navigation-img {
        vertical-align: middle;
        width: .64rem/* 32/50 */
        ;
        height: .64rem/* 32/50 */
        ;
    }
}

.order-item-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel+.panel {
    margin-top: .16rem/* 8/50 */
    ;
}

.linkbox-item {
    width: 25%;
    height: 1.8rem/* 90/50 */
    ;
    font-size: .28rem/* 14/50 */
    ;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    >.navigation {
        width: 100%;
        padding: .28rem/* 14/50 */
        0;
        .iconfont {
            display: inline-block;
            font-size: .4rem/* 20/50 */
            ;
            line-height: 1;
        }
    }
}

.linkbox-item-txt {
    font-size: .24rem/* 12/50 */
    ;
    margin-top: .16rem/* 8/50 */
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

// .linkbox::after {
//     content: "";
//     display: block;
//     height: 0;
//     clear: both;
// }
.linkbox::before {
    content: "";
    position: absolute;
    left: .32rem/* 16/50 */
    ;
    right: .32rem/* 16/50 */
    ;
    top: 0;
    border-top: 1px solid #E9ECF0;
}

.linkbox {
    position: relative;
}

.wxguanjia {
    background: url("https://img02.hua.com/m/images/wx_service_bg_4.png")no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: .32rem/* 16/50 */
    .16rem/* 8/50 */
    ;
    display: flex;
    align-items: center;
    min-height: 1.3rem/* 65/50 */
    ;
}

.wxguanjia-img {
    width: .6rem/* 30/50 */
    ;
    height: .6rem/* 30/50 */
    ;
    margin-right: .08rem/* 4/50 */
    ;
    display: block;
    img {
        width: 100%;
        vertical-align: top;
    }
}

.wxguanjia-content {
    // min-height: 1.2rem/* 60/50 */
    // ;
    background: url("https://img02.hua.com/m/images/wx_service_text_bg.png")no-repeat;
    background-position: top;
    background-size: 100% 100%;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    padding: .14rem/* 7/50 */
    .22rem/* 11/50 */
    ;
    font-size: .24rem/* 12/50 */
    ;
}

.wxguanjia-right {
    margin-left: .14rem/* 7/50 */
    ;
    .wxguanjia-right-btn {
        width: 1.6rem/* 80/50 */
        ;
        height: .6rem/* 30/50 */
        ;
        line-height: .6rem/* 30/50 */
        ;
        text-align: center;
        background: rgba(255, 115, 76, 1);
        border-radius: .3rem/* 15/50 */
        ;
        font-size: .24rem/* 12/50 */
        ;
        color: #ffffff
    }
}

.wxguanjia-close {
    position: absolute;
    right: .08rem/* 4/50 */
    ;
    top: -.44rem/* 22/50 */
    ;
    padding: .08rem/* 4/50 */
    ;
    color: rgb(170, 157, 157);
}

.tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #F7F9FA;
    .tabbar-item1 {
        height: .98rem/* 49/50 */
        ;
        flex: 1;
        text-align: center;
        >.navigation {
            height: .98rem/* 49/50 */
            ;
            padding-top: .08rem/* 4/50 */
            ;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            p {
                font-size: .22rem/* 11/50 */
                ;
                display: block;
                line-height: .304rem/* 15.2/50 */
                ;
            }
            i {
                font-size: .4rem/* 20/50 */
                ;
                display: block;
            }
        }
        .iconfont {
            font-size: .28rem/* 14/50 */
            ;
            margin-top: .12rem/* 6/50 */
            ;
            position: relative;
        }
    }
}